import 'package:elephant_fish/util/size_util.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

///排行榜攻略
class RankStrategyPage extends StatefulWidget {
  const RankStrategyPage({Key key}) : super(key: key);

  @override
  _RankStrategyPageState createState() => _RankStrategyPageState();
}

class _RankStrategyPageState extends State<RankStrategyPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xff140c3d),
      appBar: AppBar(
        centerTitle: true,
        backgroundColor: Color(0xff140c3d),
        leading: GestureDetector(
          child: Icon(Icons.arrow_back_ios,size: SizeUtil.px(32) ,color: Color(0xfff3f3f3),),
          onTap: (){
            Navigator.pop(context);
          },
        ),
        title: Text('排行榜攻略',style: TextStyle(color: Color(0xfff3f3f3),fontSize: SizeUtil.px(32)),),
      ),
      body: SingleChildScrollView(
        child: Stack(
          children: [
            Align(
              alignment: Alignment.topLeft,
              child: Padding(
                padding: EdgeInsets.only(left: SizeUtil.px(24),top: SizeUtil.px(92)),
                child: CircleAvatar(
                  radius: SizeUtil.px(18),
                  backgroundColor: Color(0xffff215d),
                  child: Align(
                    alignment: Alignment.center,
                    child: Text('1',style: TextStyle(fontSize: SizeUtil.px(24),color: Color(0xfff3f3f3)),),
                  )
                ),
              ),
            ),
            Align(
              alignment: Alignment.topLeft,
              child: Padding(
                padding: EdgeInsets.only(left: SizeUtil.px(69),top: SizeUtil.px(86)),
                child: Text('什么是人气榜？',style: TextStyle(fontSize: SizeUtil.px(29),color: Color(0xfff3f3f3)),),
              ),
            ),
            Align(
              alignment: Alignment.topLeft,
              child: Padding(
                padding: EdgeInsets.only(left: SizeUtil.px(46),top: SizeUtil.px(160)),
                child: Stack(
                  children: [
                    Align(
                      alignment: Alignment.topLeft,
                      child:  Padding(padding: EdgeInsets.only(top: SizeUtil.px(16)),
                        child: CircleAvatar(
                          radius: SizeUtil.px(5),
                          backgroundColor: Color(0xffff215d),
                        ),
                      ),
                    ),
                    Align(
                      alignment: Alignment.topLeft,
                      child:  Padding(padding: EdgeInsets.only(left: SizeUtil.px(15)),
                        child: Text(
                          '人气榜是直播场次综合价值的体现',
                          style: TextStyle(fontSize: SizeUtil.px(26),color: Color(0xffa5a5a5)),
                        ),
                      ),
                    ),
                    Align(
                      alignment: Alignment.topLeft,
                      child:  Padding(padding: EdgeInsets.only(top: SizeUtil.px(56)),
                        child: CircleAvatar(
                          radius: SizeUtil.px(5),
                          backgroundColor: Color(0xffff215d),
                        ),
                      ),
                    ),
                    Align(
                      alignment: Alignment.topLeft,
                      child:  Padding(padding: EdgeInsets.only(left: SizeUtil.px(15),top: SizeUtil.px(40)),
                        child: Text(
                          '人气榜不累加，计算直播单场次的人气数值',
                          style: TextStyle(fontSize: SizeUtil.px(26),color: Color(0xffa5a5a5)),
                        ),
                      ),
                    ),
                    Align(
                      alignment: Alignment.topLeft,
                      child:  Padding(padding: EdgeInsets.only(top: SizeUtil.px(96)),
                        child: CircleAvatar(
                          radius: SizeUtil.px(5),
                          backgroundColor: Color(0xffff215d),
                        ),
                      ),
                    ),
                    Align(
                      alignment: Alignment.topLeft,
                      child:  Padding(padding: EdgeInsets.only(left: SizeUtil.px(15),top: SizeUtil.px(80),right: SizeUtil.px(25)),
                        child: Text(
                          '场次人气值越高，频道人气值越高，可以通过人气值打榜提升频道人气值',
                          style: TextStyle(fontSize: SizeUtil.px(26),color: Color(0xffa5a5a5)),
                        ),
                      ),
                    ),
                  ],
                )
              ),
            ),
            Align(
              alignment: Alignment.topLeft,
              child: Padding(
                padding: EdgeInsets.only(left: SizeUtil.px(24),top: SizeUtil.px(372)),
                child: CircleAvatar(
                    radius: SizeUtil.px(18),
                    backgroundColor: Color(0xffff215d),
                    child: Align(
                      alignment: Alignment.center,
                      child: Text('2',style: TextStyle(fontSize: SizeUtil.px(24),color: Color(0xfff3f3f3)),),
                    )
                ),
              ),
            ),
            Align(
              alignment: Alignment.topLeft,
              child: Padding(
                padding: EdgeInsets.only(left: SizeUtil.px(69),top: SizeUtil.px(366)),
                child: Text('什么是人气榜？',style: TextStyle(fontSize: SizeUtil.px(29),color: Color(0xfff3f3f3)),),
              ),
            ),
            Align(
              alignment: Alignment.topLeft,
              child: Padding(
                  padding: EdgeInsets.only(left: SizeUtil.px(46),top: SizeUtil.px(440)),
                  child: Stack(
                    children: [
                      Align(
                        alignment: Alignment.topLeft,
                        child:  Padding(padding: EdgeInsets.only(left: SizeUtil.px(15),right: SizeUtil.px(25)),
                          child: Text(
                            '娱乐主播在自己频道主频道开播(不含轮麦频道，视听、讲师、游戏、交友标签)，将根据直播的场次热力进行排序，每5分钟刷新一次',
                            style: TextStyle(fontSize: SizeUtil.px(26),color: Color(0xffa5a5a5)),
                          ),
                        ),
                      ),
                    ],
                  )
              ),
            ),
          ],
        ),
      ),
    );
  }
}
